<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/tld/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/tld/WeekDay.tld" prefix="weekDay" %>
<%@ taglib uri="/WEB-INF/tld/core.tld" prefix="c" %>
<jsp:include page="../pub_head.jsp"><jsp:param value="2" name="type"/></jsp:include>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>填写预订信息–国内酒店预订查询服务</TITLE>
<META content="zh-cn" http-equiv="Content-Language">
<META content="text/html; charset=UTF-8" http-equiv="Content-Type">
<META http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<META name="keywords" content="酒店预订|特价酒店|特价酒店预订|国内酒店预订|酒店查询|经济型酒店预订|订酒店">
<META name="description" 
content="网站酒店预订频道提供国内酒店预订,特价酒店预订，经济型酒店查询预订等服务，是您订酒店的最佳选择。">
<LINK rel="stylesheet" type="text/css" href="../css/orderforms.css" media=all>
<SCRIPT type="text/javascript" src="../css/jquery-1.4.2.min.js"></SCRIPT>
<script type="text/javascript" src="/script/ticket/ticketverify.js"></script>
<script type="text/javascript" src="/script/ticket/idnumber.js"></script>
<META name="GENERATOR" content="MSHTML 8.00.6001.19019"></HEAD>
<style>
<!--
.pmt p{color: #C01B14;}
.td_right{text-align: right; font-weight: bolder;}
.td_left{text-align: left;}
-->
</style>
<BODY>
<!--Header Begin-->
<!--Header include start-->
<!-- top 专题小头部 start -->
<!-- top 专题小头部 end --><!--Header include end--><!--Header End-->
<DIV class="wrapper clearfix">
<DIV class="stepout fillingt hotel">
<H1>填写订单信息</H1>
<UL>
  <LI class="current">选择 </LI>
  <LI class="current">预订 </LI>
  <LI>核对 </LI>
  <LI>完成 </LI></UL></DIV><!--Right Sidebar Begin-->
<DIV id="adside" class="sideRight right">
<DIV class="fillingin">
<H2>费用总计</H2>
<UL>
  <LI><STRONG>付款方式：</STRONG><SPAN> 前台自付 </SPAN></LI>
  <LI><STRONG>每日房费</STRONG> 
  <logic:iterate id="rate" name="room" property="rates">
  	<P>${rate.date}&nbsp;（<weekDay:weekDay strDateTime="${rate.date}"/>）：<SPAN>&yen;${rate.salePrice}</SPAN></P>
  </logic:iterate>
  <INPUT id="servcweekendpercent_up" value="0" type="hidden" name="servcweekendpercent_up"> 
  </LI>
  <LI>预订<SPAN id="roomCountNum">&nbsp;1&nbsp;</SPAN>间 </LI>
  <LI id="addBF"></LI></UL>
<DIV id="allCountCost" class="totalcost">费用总计：<SPAN>&yen;${hotelMoney}</SPAN></DIV></DIV>
<!-- <DIV class="tel12580"><IMG src="fillin_files/tel.jpg" width="220" 
height="92"></DIV> -->
</DIV><!--Right Sidebar End--><!--Left Sidebar Begin-->
<DIV class="mainorder left">
<DIV class="gotocit htinf">
<DIV class="t"><SPAN><A 
href="hotel/loadHotels.do?op=baseHotels&amp;Name_firstleaveCityName=${query.cityName}&amp;firstleaveCityName=${query.cityCode }&amp;date2=${query.checkInDate }&amp;enddate2=${query.checkOutDate }">◀返回重选酒店</A></SPAN> 
<H2>您预订的酒店信息</H2></DIV>
<DIV class="tsart">
<H2>${hotel.hotelName }<INPUT id="hotelname_up" value="${hotel.hotelName }" type="hidden" 
name="hotelname_up"> <INPUT id="starlv_up" value="44" type="hidden" name="starlv_up"> 
<INPUT id="isformal_up" value="2" type="hidden" name="isformal_up"> <INPUT id="address_up" 
value="${hotel.address }" type="hidden" name="address_up"> </H2></DIV>
<FORM method="get" name="form1" action="#">
<TABLE>
  <TBODY>
  <TR>
    <TD><STRONG>您选择的房型：</STRONG> <SPAN title="${room.roomName }">${room.roomName }&nbsp; 
      [床型：${room.bedType }&nbsp;|&nbsp;上网：${room.rates[0].broadNet }&nbsp;|&nbsp;早餐：${room.rates[0].meal}] <INPUT value="${hotel.hotelCode }" 
      type="hidden" name="hoteltypeid"></SPAN> <INPUT value="${room.bedType }" type="hidden" 
      name="roomname"></SPAN> </TD></TR>
  <TR>
    <TD><STRONG>入住日期：</STRONG>${query.checkInDate}&nbsp;&nbsp;&nbsp;&nbsp;<STRONG>离店日期：</STRONG>${query.checkOutDate }&nbsp;&nbsp;<A 
      class="subbtn" 
      href="hotel/loadHotels.do?op=getHotelInfo&amp;date2=${query.checkInDate }&amp;enddate2=${query.checkOutDate }&amp;cityCode=${query.cityCode }&amp;itemCode=${hotel.hotelCode}&amp;cityName=${query.cityName }">修改</A></TD></TR>
  <TR>
    <TD><STRONG>预订房间</STRONG> <SELECT id="roomcount" 
      onchange="updateRoomCount(${hotelMoney },0,1)" name="roomcount"> <OPTION 
        selected value="1">1</OPTION> <OPTION value="2">2</OPTION> <OPTION 
        value="3">3</OPTION> <OPTION value="4">4</OPTION> <OPTION 
      value="5">5</OPTION></SELECT> 间</TD><INPUT value="${query.checkInDate }" type=hidden 
    name="date2"> <INPUT value="${query.checkOutDate }" type="hidden" name="enddate2"> <INPUT 
    value="${query.cityCode }" type="hidden" name="firstleaveCityName"> <INPUT value="${hotel.hotelCode }" 
    type="hidden" name="hotelid"> 
    <TD></TD>
    <TD></TD></TR></TBODY></TABLE></FORM>
<FORM id="form2" method="post" name="form2" action="/hotel/hotelOrderAction.do">
<UL>
  <LI style="line-height: 18px;"><STRONG>房型信息：</STRONG>${room.description }</LI>
  <c:if test="${guran.isGuarantee==1}">
  <LI style="color: #CC0000; line-height: 18px"><strong>${guran.guaranteeRemark }</strong></LI>
  <LI style="color: green;">
  <STRONG>温馨提醒：</STRONG>请仔细核对担保条件，如需信用卡担保，请选中以下“我要担保预订”，一经确认成功，不得取消和修改订单。 
  </LI>
  <li><input type="checkbox" name="ckGuran" id="ckGuran" value="" /><label for="ckGuran">我要担保预订</label>
  <input name="guranVal" type="hidden" id="guranVal" value="0" />
  </li>
  </c:if>
 </UL></DIV>
<!-- 担保信息开始 -->
<DIV class="opb ck ht" id="div_guar" style="display: none;">
<DIV class="opbc clearfix">
<DIV id="changeInner">
<table style="height: 100px; width: 700px;">
	<tr>
		<td class="td_right">合作卡种：</td>
		<td><select name="credit.creditCardType" id="cardType"><option value="">请选择银行</option>
	<option value="中国银行">中国银行</option><option value="工商银行">工商银行</option>
	<option value="建设银行">建设银行</option><option value="民生银行">民生银行</option>
	<option value="招商银行">招商银行</option><option value="浦发银行">浦发银行</option>
	<option value="兴业银行">兴业银行</option><option value="广发银行">广发银行</option>
	<option value="华夏银行">华夏银行</option><option value="国际信用卡万事达(Master)">万事达(Master)卡</option>
	<option value="国际信用卡威士(VISA)">威士(VISA)卡</option><option value="国际信用卡运通">运通卡</option>
	<option value="国际信用卡大来">大来卡</option><option value="国际信用卡JCB">JCB卡</option>
  </select><label style="color: red;">*</label></td>
		<td class="td_right">卡号：</td>
		<td class="td_left"><input name="credit.creditCardNumber" maxlength="19" size="22" value=""/><label style="color: red;">*</label>
		验证码:<input name="credit.cvv" value="" size="2" maxlength="3"/><label style="color: red;">*</label></td>
	</tr>
	<tr>
		<td class="td_right">持卡人：</td>
		<td class="td_left"><input name="credit.creditCardHolderName" value=""/><label style="color: red;">*</label></td>
		<td class="td_right">有效期：</td>
		<td class="td_left"><select name="year" id="exyear"></select>&nbsp;<select name="month" id="exmonth"></select>
		<label style="color: red;">*</label><input name="credit.expired" id="expired" type="hidden" />
		</td>
	</tr>
	<tr>
		<td class="td_right">证件类型：</td>
		<td class="td_left">
		<input type="radio" name="credit.idCardType" id="idCardType_0" checked="checked" value="身份证"><label for="idCardType_0">身份证</label>
		<input type="radio" name="credit.idCardType" id="idCardType_1" value="护照"><label for="idCardType_1">护照</label>
		<input type="radio" name="credit.idCardType" id="idCardType_2" value="军官证"><label for="idCardType_2">军官证</label>
		<input type="radio" name="credit.idCardType" id="idCardType_3" value="其他"><label for="idCardType_3">其他</label>
		</td>
		<td class="td_right">证件号码：</td>
		<td class="td_left"><input id="idCardNumber" name="credit.idCardNumber" maxlength="18" size="26" value=""/><label style="color: red;">*</label></td>
	</tr>
</table>
<span style="color: #CC0000;">
	<p>1、信用卡担保订单，一经确认成功后，不得取消和修改。</p>
	<p>2、我同意用信用卡担保我的预订，如未入住或晚于最晚取消时限取消订单将在信用卡内扣除首晚（或全额）房费。</p>
</span>

<script type="text/javascript">
<!--
	var date = new Date();
	var year = date.getFullYear();
	var month = date.getMonth()+1;
	var exyear='',yearStr='';
	for(i=0;i<11;i++){
		yearStr=(year+i)+'';
		exyear+="<option value='"+yearStr.substring(2,4)+"'>"+(year+i)+"</option>";
	}
	$('#exyear').html(exyear);
	initMonth(month);
	expiredTime();
	$('#exyear').change(function(){
		var defaultDate=1;
		if('20'+$(this).val()==year){
			defaultDate=month;
		}
		initMonth(defaultDate);
	});
	$('#exmonth').change(function(){expiredTime();});
	
	function initMonth(month){
		var exmonth='',monthStr='';
		$('#exmonth').html('');
		for(i=month;i<=12;i++){
			if(i<10){monthStr='0'+i;}else{monthStr=i;}
			exmonth+="<option value='"+monthStr+"'>"+i+"</option>";
		}
		$('#exmonth').html(exmonth);
		expiredTime();
	}
	function expiredTime(){
		$('#expired').val($('#exmonth').val()+'/'+$('#exyear').val());
	}
	$('#ckGuran').click(function(){
		if($(this).attr('checked')==true){
			$('#div_guar').show();
			$('#guranVal').val(1);
		}else{
			$('#div_guar').hide();
			$('#guranVal').val(0);			
		}
	});
	function valCredit(){
		if($('#cardType').val()==''){
			alert('请选择合作卡种');
			$('#cardType').focus();
			return false;
		}
		if(/^\d{16,19}$/.test($('input[name="credit.creditCardNumber"]').val())==false){
			alert('请输入正确的信用卡号');
			$('input[name="credit.creditCardNumber"]').select();
			return false;
		}
		if(/^\d{3}$/.test($('input[name="credit.cvv"]').val())==false){
			alert('请输入正确的验证码');
			$('input[name="credit.cvv"]').select();
			return false;
		}
		var holderName=$('input[name="credit.creditCardHolderName"]').val();
		if((!CheckAllCnStr(holderName)) && (CheckEnStr(holderName))){
			alert('请输入合法持卡人姓名');
			$('input[name="credit.creditCardHolderName"]').select();
			return false;
		}
		if ($('input[name=credit.idCardType]:checked').val() == "身份证") {
			 if(DocumentNum($('#idCardNumber').val()) == false){
				alert('请正确输入身份证号码');
				$('#idCardNumber').select();
				return false;
			}
		}
		return true;
	}
	
	function toSubmit(){
		var flag=false;
		if($('#guranVal').val()==1){
			var flag = valCredit();
			if(flag){CheckPeopleInfo(null);}
		}else{
			CheckPeopleInfo(null);
		}
	}
//-->
</script>
<span>&nbsp;</span></DIV></DIV></DIV>
<!-- 担保信息结束 -->
<!--入住人信息 Begin-->
<input type="hidden" name="order.numberOfRooms" id="selectedValue" value="1"/>
<DIV class="opb ck ht">
<DIV class="t">
<H2>入住人信息</H2><SPAN>1</SPAN></DIV>
<DIV class="opbc clearfix">
<DIV id="changeInnerUser" class="opbright">
<UL>
  <LI class="txt"><SPAN>*</SPAN>姓&nbsp;&nbsp;&nbsp;&nbsp;名： </LI>
  <LI id="userNameLi0"><INPUT onblur="titleUserNameBlue(0)" id="username0" 
  class="onInput arreded" onfocus="titleUserName(0)" name="username0"> 
  <INPUT id="usernamehidden0" type="hidden"> 
  <DIV style="DISPLAY: none" id="errorMessageUsername0" class="errorLeftPrompt">
  <DIV id="errorContentUsername0" class="pmt">
  <P></P>
  <DIV class="inArr"></DIV></DIV></DIV>
  </LI></UL>
<UL>
  <LI class="txt">最晚到达时间： </LI>
  <LI><SELECT id="lasttime" name="lasttime"> <OPTION value="09">09:00</OPTION> 
    <OPTION value="10">10:00</OPTION> <OPTION value="11">11:00</OPTION> <OPTION 
    value="12">12:00</OPTION> <OPTION value="13">13:00</OPTION> <OPTION 
    value="14">14:00</OPTION> <OPTION value="15">15:00</OPTION> <OPTION 
    value="16">16:00</OPTION> <OPTION selected value="17">17:00</OPTION> <OPTION 
    value="18">18:00</OPTION> <OPTION value="19">19:00</OPTION> <OPTION 
    value="20">20:00</OPTION> <OPTION value="21">21:00</OPTION> <OPTION 
    value="22">22:00</OPTION> <OPTION value="23">23:00</OPTION> <OPTION 
    value="00">00:00</OPTION></SELECT> 请于您指定的最晚到店时间前3小时内到店。 
</LI>
</UL><span>&nbsp;</span></DIV></DIV></DIV><!--入住人信息 End-->
<!--联系人信息 Begin-->
<DIV class="opb lx">
<DIV class="t">
<H2>联系人信息</H2><SPAN>2</SPAN></DIV>
<DIV class="opbc">
<DIV class="opbright">
<UL>
  <LI class="txt"><SPAN>*</SPAN>姓&nbsp;&nbsp;&nbsp;&nbsp;名： </LI>
  <LI><INPUT id="contactuser" class="onInput arreded cusInput1" 
  onfocus="addConnectPeople()" 
  onchange="checkConnectPeople()" name="order.name"><A 
  class="morekesi morekesi1" onclick="addConnectPeople()" 
  href="javascript:void(0)">更多客史</A> 
  <DIV style="DISPLAY: none" id="errorMessageContactuser" class="errorLeftPrompt">
  <DIV id="errorContentContactuser" class="pmt">
  <P></P>
  <DIV class="inArr"></DIV></DIV></DIV></LI></UL>
<UL>
  <LI class="txt"><SPAN>*</SPAN>手 机 号： </LI>
  <LI class="level"><INPUT onblur="titleMobilePhoneBlue()" 
  id="mobilephone" class="onInput" maxlength="11" onfocus="titleMobilePhone()" 
  onchange="checkMobilePhone()" name="order.mobile"> 
  <DIV style="DISPLAY: none" id="errorMessageMobilephone" class="errorLeftPrompt">
  <DIV id="errorContentMobilephone" class="pmt">
  <P></P>
  <DIV class="inArr"></DIV></DIV></DIV></LI></UL>
<UL>
  <LI class="txt">联系电话： </LI>
  <LI><INPUT class="onInput ws" name="areaphone" maxlength="4"> - <INPUT class="onInput wss" 
  name="phonenumber"> - <INPUT class="onInput ws" name="othernumber"> </LI></UL>
<UL>
  <LI class="txt"></LI></UL></DIV></DIV></DIV><!--联系人信息 End--><!--附加信息 Begin-->
<DIV class="tipu"><INPUT id="agreeWebOrder" CHECKED type="checkbox" 
name="order.webOrder" value="on"> 我已仔细预读过并同意<A 
href="javascript:void(0)" target="black">网上预订须知</A></DIV><!--附加信息 End CheckPeopleInfo(null);-->
<DIV class="subdiv">
<A class="submittj" href="javascript:toSubmit();">提交订单</A>
<A class="backssl" href="hotel/loadHotels.do?op=baseHotels&amp;Name_firstleaveCityName=${query.cityName}&amp;firstleaveCityName=${query.cityCode }&amp;date2=${query.checkInDate }&amp;enddate2=${query.checkOutDate }">返回重选酒店</A>
<INPUT name="order.totalSalePrice" value="${hotelMoney}" type="hidden" id="hotelmoney_up">
<INPUT name="order.checkInDate" value="${query.checkInDate }" type="hidden" id="startdate">
<INPUT name="order.checkOutDate" value="${query.checkOutDate }" type="hidden" id="enddate">
<INPUT name="order.item" value="${hotel.hotelCode }" type="hidden" id="hotelid">
<INPUT name="order.roomNo" value="${room.roomCode }" type="hidden" id="roomCode">
<INPUT name="order.city" value="${query.cityCode }" type="hidden" id="cityCode">
<INPUT name="order.roomType" value="${room.bedType }" type="hidden" id="roomType">
</DIV></DIV></FORM><!--Left Sidebar End--><!--Recommended infos Begin--><!--  <div class="tjinf"><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a><a title="北京酒店预订" href="#">北京酒店预订</a></div>--><!--Recommended infos End--></DIV><!--Footer Begin--><!--Footer Start-->
<%@include file="../footer.jsp" %>
<!--Footer End-->
<!--Footer End-->
<div id="allKeList">
<div class="mBox" id="divPop">
  <div class="mT"><span>请直接输入或选择</span><a href="javascript:void(0)" class="colseKe" title="关闭">关闭</a></div>
</div>
</div>
<div class="mBox" id="divPopCon">
  <div class="mT"><span>请直接输入或选择</span><a href="javascript:void(0)" class="colseKe" title="关闭">关闭</a></div>
</div>
<div class="mBox" id="divPopConNoAlways">
<div class="mT"><span>请直接输入或选择</span><a href="javascript:void(0)" class="colseKe" title="关闭">关闭</a></div>
  </div>
<!--Select End-->
  <SCRIPT type="text/javascript" src="../script/datepicker.js"></SCRIPT>

<SCRIPT type="text/javascript" src="../script/jquery.cluetip.js"></SCRIPT>

<SCRIPT type="text/javascript" src="../script/jquery.layer.js"></SCRIPT>

<SCRIPT type="text/javascript" src="../script/jquery.orders.js"></SCRIPT>

<SCRIPT type="text/javascript" src="../script/hotelorder.js" charset="UTF-8"></SCRIPT>
<SCRIPT type="text/javascript">
javascript:window.history.forward(1);  
  $(document).ready(function(){
	$(".mglist li").hover(function(){
		$(".mglist li").removeClass("current");
		$(this).addClass("current");
	});
});


$(function(){
	$(".cusInput").click(function(event){
		event.stopPropagation();
		var offset = $(event.target).offset();
		$("#divPop").css({top:offset.top+2+$(event.target).height()+"px",
		left:offset.left});
		$("#divPop").bgiframe();
		$("#divPop").show();
	});
	$(document).click(function(event){$("#divPop").hide();});
});
//客史绑定事件处理 For IE OR Position
$(function(){
	$(".morekesi").click(function(event){
		event.stopPropagation();
		var offset = $(event.target).offset();
		$("#divPop").css({top:offset.top+2+$(event.target).height()+"px",
		left:offset.left-144});
		$("#divPop").bgiframe();
		$("#divPop").show();
	});
});

$(function(){
	$(".cusInput1").click(function(event){
		event.stopPropagation();
		var offset = $(event.target).offset();
		$("#divPopCon").css({top:offset.top+2+$(event.target).height()+"px",
		left:offset.left});
		$("#divPopCon").bgiframe();
		$("#divPopCon").show();
	});
	$(document).click(function(event){$("#divPopCon").hide();});
});
//客史绑定事件处理 For IE OR Position
$(function(){
	$(".morekesi1").click(function(event){
		event.stopPropagation();
		var offset = $(event.target).offset();
		$("#divPopCon").css({top:offset.top+2+$(event.target).height()+"px",
		left:offset.left-144});
		$("#divPopCon").bgiframe();
		$("#divPopCon").show();
	});
});
</SCRIPT>
</BODY></HTML>
